﻿{include file="base/header"}
<link rel="stylesheet" type="text/css" href="/static/css/about-2024-11-10.css?v=0.0.9" />
<link rel="stylesheet" type="text/css" href="/static/css/animate.min.4.1.1.css?v=0.0.9" />
<div class="swiper banner clear">
  <div class="swiper-wrapper">
	{volist name="banner_list" id="vo"}
    <div class="swiper-slide">
      <div class="w">
        <div class="txt">{$vo.title}</div>
      </div>
		{if condition="$vo['file_type'] eq 'video/mp4'"}
        <video src="{$vo.image}" autoplay="autoplay" loop  muted width=100% ></video>
	    {else}
	    <img src="{$vo.image}" />
	    {/if}
    </div>
    {/volist}
  </div>
  <div class="w bp">
    <div class="b_page"><div class="swiper-pagination"></div></div>
  </div>
  <script>
    var banner = new Swiper(".banner", {
      pagination: {
        el: ".banner .swiper-pagination",
		clickable: true,
      },
	  autoplay: {
        delay:19000,
		pauseOnMouseEnter: true,
		disableOnInteraction: false,
	  },
	  //effect:'fade'
	  on:{
		init: function(){swiperAnimate(this);}, 
		slideChange: function(){ swiperAnimate(this);} 
	  },
    });
  </script>
</div>
<!-- <div class="w clear">
  <div class="con0">
    <div class="swiper">
      <div class="swiper-wrapper">
		{sp:articles cid="25" id="vo1" field='a_id,title,url,img' order="sort asc,a_id asc"}
        <div class="swiper-slide"><a class="comflex2" href="{$vo1.url}"><div class="txt">
          <i class="i{$i}" style=""></i><em>{$vo1.title}</em><p>查看更多 &gt;</p></div></a></div>
         <style>
           /*.con0 .swiper-slide i{background:url({$vo1.img}) no-repeat;}*/
           .con0 .swiper-slide i.i{$i}{background:url({$vo1.img}) no-repeat; background-position:0 0;}
           .con0 .swiper-slide:hover i.i{$i}{ background-position:-55px 0;}
         </style>
        {/sp:articles}
      </div>
    </div>
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
  </div>
  <script>
    var con0 = new Swiper(".con0 .swiper", {
      slidesPerView:4,
      spaceBetween: '1.07%',
      autoplay: {
        pauseOnMouseEnter: true,
        disableOnInteraction: false,
      },
      navigation: {
          nextEl: ".con0 .swiper-button-next",
          prevEl: ".con0 .swiper-button-prev",
        },
      breakpoints: {
        640: {
          slidesPerView:'auto',
          spaceBetween:20,
        },
        1024: {
          slidesPerView:4,
          spaceBetween: '1.07%',
        },
      },
    });
  </script>
</div> -->
<div class="con1 wow fadeInUp clear">
  <div class="about-container">
  <div class="title animate__animated animate__backInRight">
    Professional supplier of destruction equipment
  </div>
  <div class="about-content">
    <div class="about-content-left">
      <div class="about-content-left-item animate__animated animate__backInLeft">
        <div class="about-content-left-item-number">20<span>years</span></div>
        <div class="about-content-left-item-desc">
          Professional supplier of destruction equipment
        </div>
      </div>
      <div class="about-content-left-item animate__animated animate__backInLeft">
        <div class="about-content-left-item-number">10000<span>+</span></div>
        <div class="about-content-left-item-desc">Clients</div>
      </div>
      <div class="about-content-left-item animate__animated animate__backInLeft">
        <div class="about-content-left-item-number">2</div>
        <div class="about-content-left-item-desc">R & D Center (Cangzhou / Wuhan)</div>
      </div>
      <div class="about-content-left-item animate__animated animate__backInLeft">
        <div class="about-content-left-item-number">20000<span>㎡</span></div>
        <div class="about-content-left-item-desc">Independent production base</div>
      </div>
    </div>
    <div class="about-content-right">
      <div class="desc animate__animated animate__fadeInRightBig">
        Beijing Heshengda Information Security Technology Co., Ltd., established in 2004, is an
        innovative company focused on oﬄine data security. Adhering to the principle of "striving
        for excellence in work, continuous innovation in products, enthusiastic service, honesty and
        trustworthiness in life", we are committed to pro- viding customers with comprehensive and
        multi-level oﬄine data security solu- tions. Heshengda is committed to "<img
          src="/static/images/about-right-desc.png"
        />"With brand as the core, we have created a series of widely used products and services,
        including oﬄinedata security control solutions, intelligent, automated, and digital
        solutions for carrier collection and destruction, and intelligent industrial network
        solutions for conﬁdential places. For over 20 years, the company has provided extensive
        services to government agencies and units such as the Party, government, military, ﬁnance,
        and state-owned enter- prises, as well as high-tech enterprises such as Huawei, Alibaba, and
        Tencent, making due contributions to the country's oﬄinedata security.
      </div>
      <div class="imgs animate__animated animate__bounceInUp">
        <img src="/static/images/about-right-1.png" />
        <img src="/static/images/about-right-2.png" />
        <img src="/static/images/about-right-3.png" />
        <img src="/static/images/about-right-4.png" />
        <img src="/static/images/about-right-5.png" />
        <img src="/static/images/about-right-6.png" />
        <img src="/static/images/about-right-7.png" />
        <img src="/static/images/about-right-8.png" />
      </div>
    </div>
  </div>
</div>
</div>
<div class="con2 w wow fadeInUp clear">
  <div class="titc"><span>{$index_config.field7}</span><em>{$index_config.field5}</em></div>
  <div class="con2_txt">{$index_config.field6}</div>
  <div class="con2_w">
    <ul class="com comflex1">
	{sp:articles cid="$case_ids" id="vo1" field='a_id,title,title_fu,img,create_time' order="sort asc,a_id asc" is_home="1"}
      <li><img src="/static/images/df3.png" /><a href="{:url('article/info',['id'=>$vo1['a_id']])}"><div class="txt"><em>0{$i}</em><p>{$vo1.title}</p><i>more</i></div></a></li>
	{/sp:articles}
    </ul>
  </div>
</div>
<div class="con3 wow fadeInUp clear">
  <div class="w">
    <div class="titc"><span>our product</span><em>our product</em></div>
    <div thumbsSlider="" class="swiper con3_top">
      <div class="swiper-wrapper">
		{volist name="pro_cate" id="vo"}
        <div class="swiper-slide">{$vo.title}</div>
		{/volist}	
      </div>
    </div>
    <div class="swiper con3_pro">
      <div class="swiper-wrapper">
		{volist name="pro_cate" id="vo"}
        <div class="swiper-slide">
          <ul class="con3_list com comflex1">
			{sp:articles cid="$vo['cids']" id="vo1" field='a_id,title,title_fu,img' order="sort asc,a_id asc" limit="4" is_home="1"}
            <li>
              <a href="{:url('article/info',['id'=>$vo1['a_id']])}">
                <div class="pic"><img class="df_pic" src="/static/images/df1.png" /><div class="pic_w comflex2"><img src="{$vo1.img}" /></div></div>
                <p>{$vo1.title}<em>{$vo1.title_fu}</em></p>
                <div class="txt">
                  <div class="txt_c comflex2">
                    <div class="clear"><p>{$vo1.title}<em>{$vo1.title_fu}</em></p><i>more</i></div>
                  </div>
                </div>
              </a>
            </li>
			{/sp:articles}
          </ul>
          <div class="pro_more"><a href="{:url('cate/index',['cid'=>$vo['id']])}">more</a></div>
        </div>
        {/volist}
		
      </div>
      <div class="swiper-button-next"></div>
      <div class="swiper-button-prev"></div>
    </div>
    <script>
      var con3_top = new Swiper(".con3_top", {
        spaceBetween: 10,
        slidesPerView:7,
        freeMode: true,
        watchSlidesProgress: true,
		breakpoints: {
		  640: {
			slidesPerView:'auto',
			spaceBetween: 20,
		  },
		  1024: {
			slidesPerView:7,
			spaceBetween: 10,
		  },
		},
      });
      var con3_pro = new Swiper(".con3_pro", {
        navigation: {
          nextEl: ".con3_pro .swiper-button-next",
          prevEl: ".con3_pro .swiper-button-prev",
        },
        thumbs: {
          swiper: con3_top,
        },
      });
    </script>
  </div>
</div>


<script src="/static/js/jquery.waypoints.min.js"></script>
<script type="text/javascript" src="/static/js/jquery.countup.min.js"></script>
<script type="text/javascript">
  $('.counter').countUp();
</script>

{include file="base/footer"}